<%--
  Created by IntelliJ IDEA.
  User: mingz
  Date: 2018/5/1
  Time: 13:52
  To change this trolelate use File | Settings | File Trolelates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="/static/plugins/easyui/themes/bootstrap/easyui.css">
    <link rel="stylesheet" type="text/css" href="/static/plugins/easyui/themes/icon.css">
    <script type="text/javascript" src="/static/plugins/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="/static/plugins/easyui/jquery.easyui.min.js"></script>
    <!--引入中文包-->
    <script type="text/javascript" src="/static/plugins/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="/static/js/index.js"></script>

    <script type="text/javascript" src="/static/js/role.js"></script>
</head>
<body>
    <%--角色表格--%>
    <table id="role_datagrid">
    </table>

    <%--按钮--%>
    <div id="role_toolbar">
        <a class="easyui-linkbutton" iconCls="icon-add" data-options="plain:true" data-cmd="add"/>新增</a>
        <a class="easyui-linkbutton" iconCls="icon-edit" data-options="plain:true" data-cmd="edit" />编辑</a>
        <a class="easyui-linkbutton" iconCls="icon-remove" data-options="plain:true" data-cmd="del" />删除</a>
    </div>
    <%--表单按钮--%>
    <div id="form_btn">
        <a class="easyui-linkbutton" iconCls="icon-add" data-options="plain:true" data-cmd="saved"/>保存</a>
        <a class="easyui-linkbutton" iconCls="icon-edit" data-options="plain:true"  data-cmd="cancel">取消</a>
    </div>
    <div id="passwordbtn">
        <a class="easyui-linkbutton" iconCls="icon-add" data-options="plain:true" data-cmd="savePassword"/>保存</a>
        <a class="easyui-linkbutton" iconCls="icon-edit" data-options="plain:true"  data-cmd="cancel">取消</a>
    </div>



    <%--弹出窗口--%>
    <div id="role_dialog" class="easyui-dialog" data-options="title:'编辑',iconCls:'icon-myedit',closed:true">
        <!--创建表单-->
        <form id="role_form" method="post">
            <table align="center" style="margin-top:15px">
                <input type="hidden" name="id"/>
                <%--修改为并列--%>
                <tr>
                    <td align="center">角色编号:
                    <input name="sn" class="easyui-textbox"  prompt="请输入角色编号" iconCls="icon-man"/></td>
                    <td align="center">角色名称:
                    <input name="name" class="easyui-textbox"  prompt="请输入角色名称" iconCls="icon-man"/></td>
                </tr>
                <%--菜单的下拉框--%>
                <tr>
                    <td>菜单:
                        <input id="menu_combotree" class="easyui-combotree"
                               data-options="multiple:true,url:'/menu/selectRootMenu.do',cascadeCheck:false,textField:'name',valueField:'id'">
                    </td>

                </tr>
                <%--创建权限的datagrid--%>
                <tr>
                    <td>
                        <table id="allPermission"></table>
                    </td>
                    <td>
                        <table id="selfPermission"></table>
                    </td>
                </tr>
            </table>
        </form>
    </div>
</body>
</html>
